Re: how to use jcrop while uploading image - C# Discussion Boards

31-May-16 21:00

I need to get the popup when the image was browsed using MVC

Richard MacCutchan31-May-16 21:03

Richard MacCutchan

31-May-16 21:03

Is there a question in there somewhere?

Member 1255141831-May-16 21:10

31-May-16 21:10

Yes of course, We need help for cropping image before the file uploaded and after its selection and I need to get that as a popup.

Pete O'Hanlon31-May-16 21:20

31-May-16 21:20

Still not seeing a question in there. I see things you want to happen but no question as to what code you need help with, and by help I mean that you already have some code in place that isn't working that you need help with. Remember, we don't write entire sections of code for you.

This space for rent

Member 125514181-Jun-16 1:01

1-Jun-16 1:01

on seeing all the articles I just had a thought of asking you guys for an article which crops the image before it is uploaded. You can see this example while uploading linkedin profile picture it will ask for crop before uploading. Many people will be grateful if any of you could work on it.

Pete O'Hanlon1-Jun-16 1:07

1-Jun-16 1:07

Member 12551418 wrote:
Many people will be grateful if any of you could work on it.

Including you because we would be doing your job for you for free. That's not the way this place works.

Now, you could always search in Google to see if anyone has already written something that does this. Bearing in mind that JCrop[^] already does most of the work for you, it doesn't seem unreasonable to expect you to put a little bit of effort into it yourself.

This space for rent

Member 125514181-Jun-16 3:40

1-Jun-16 3:40

sorry i was just a student I have already had a search in google but I found those in PHP so I thought of asking here.

If u think it as a mistake please accept my apologies

Sorry for using CODEPROJECT

Pete O'Hanlon1-Jun-16 5:31

1-Jun-16 5:31

You can use CodeProject all you like but you have to realise that members physically couldn't cope with the number of requests for code that come in. What you need to do is break down the effect you are trying to achieve into simple steps - something like this:

1. Get the rectangle from the image that the user has selected.
2. Upload the image along with the rectangle.
3. At the server side, load the image into a temporary bitmap object
4. Apply the same rectangle and crop to it
5. Save the cropped image.

When you break things down like that, you see that things aren't quite as hard, and it shows you what areas you are going to have to research. For instance, cropping a bitmap could be accomplished using the technique here[^].

This space for rent

Member 125514181-Jun-16 20:35

1-Jun-16 20:35

HTML

<script type="text/javascript"></script>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>>
<script src="~/Scripts/jquery.Jcrop.js"></script>
<script src="~/Scripts/jquery.Jcrop.min.js"></script>
<link href="~/Content/jquery.Jcrop.min.css" rel="stylesheet" />

<form id="form1">
    <input type='file' id="imgInp" />
    <img id="blah" class="crop" src="#" alt="your image" />
    <input type="hidden" id="x" name="x" />
    <input type="hidden" id="y" name="y" />
    <input type="hidden" id="w" name="w" />
    <input type="hidden" id="h" name="h" />
</form>

<style>
    #blah {
        background-color: #FFF;
        width: 500px;
        height: 330px;
        font-size: 24px;
        display: block;
    }
</style>

Pete O'Hanlon1-Jun-16 22:00

1-Jun-16 22:00

That's JavaScript and this is a C# forum.

This space for rent

Richard Deeming2-Jun-16 2:06

Richard Deeming

2-Jun-16 2:06

This is nothing to do with C#;
You're including both jquery.Jcrop.js and jquery.Jcrop.min.js - you only need one of those;
You can't use app-relative paths (~/...) in a <script> tag;

If you're using WebForms:

HTML

<script src="<%= ResolveUrl("~/Scripts/jquery-1.10.2.min.js") %>"></script>
<script src="<%= ResolveUrl("~/Scripts/jquery.Jcrop.min.js") %>"></script>
<link href="<%= ResolveUrl("~/Content/jquery.Jcrop.min.css") %>" rel="stylesheet" />

If you're using MVC:

HTML

<script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.Jcrop.min.js")"></script>
<link href="@Url.Content("~/Content/jquery.Jcrop.min.css")" rel="stylesheet" />

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer

Member 125514182-Jun-16 2:14

2-Jun-16 2:14

Thank u so much

Richard MacCutchan31-May-16 21:24

Richard MacCutchan

31-May-16 21:24

Please read How to get an answer to your question - C# Discussion Boards - CodeProject[^], and edit your question with some proper technical details, rather than a vague wish list.

c# string.IsNullOrEmpty

aspkiddy31-May-16 6:59

aspkiddy

31-May-16 6:59

here is my table sql :

user----------term
John..........diligent
Jane..........new

I have a variable : termUser

and I find easily its value by Sql request when the user is saved it in the mysql table and this user see his term on the screen by (due to) the variable : termUser.
I try it by 2 way ( by if condition) and those way are correct results

/* ......... Sql request ... */

string termUser = String.Empty;
string catchTerm = String.Empty;

while (dataMySqlReader.Read())
{
    catchTerm = (string)dataMySqlReader["user"];  

        // here is 1st way : 
        if (catchTerm != null)
        {
            termUser = (string)dataMySqlReader["term"];
        }
        else
        {
            termUser = "callow";

        }

        // et voici 2e version aussi marche 

        if (String.IsNullOrEmpty(catchTerm))
        {
            termUser = "callow";
        }
        else
        {
            termUser = (string)dataMySqlReader["term"];

        }

}

If the user is not in the mysql table, I think that SQL return 'NULL', so in this case, I want to affect this variable (termUser) by 'callow' : It's only for to display on his monitor.
But my code can not affect my variable.

I changed also my condition but I have not success by this :

     if (String.IsNullOrEmpty(catchTerm))
         //...

<pre>
    if (string.IsNullOrEmpty(catchTerm) == true)
    //...
    </pre>

how I can affect my variable termUser by 'callow when the user is not in my table ?

Thanks

Eddy Vluggen31-May-16 19:40

Eddy Vluggen

31-May-16 19:40

A "null" value in a database is not the same an empty string; you might want to compare to

<a href="https://msdn.microsoft.com/nl-nl/library/system.dbnull.value%28v=vs.110%29.aspx">DBNull.Value</a>[<a href="https://msdn.microsoft.com/nl-nl/library/system.dbnull.value%28v=vs.110%29.aspx" target="_blank" title="New Window">^</a>]

Bastard Programmer from Hell Suspicious | :suss:

If you can't read my code, try converting it here[^]

Bernhard Hiller31-May-16 23:55

Bernhard Hiller

31-May-16 23:55

Eddy Vluggen wrote:
A "null" value in a database is not the same an empty string

You haven't ever worked with an Oracle DB, have you? Big Grin | :-D

Eddy Vluggen1-Jun-16 0:04

Eddy Vluggen

1-Jun-16 0:04

Aw, I did, but it has been a while since Oracle 7 and selecting from 'dual' Smile | :)

Bastard Programmer from Hell Suspicious | :suss:

If you can't read my code, try converting it here[^]

V.1-Jun-16 1:19

1-Jun-16 1:19

I believe this works in Oracle too?
Confused | :confused:

If issues, please explain, you made me curious... $Shucks | :-\$

(MQOTD rules and previous solutions)

Bernhard Hiller1-Jun-16 4:07

Bernhard Hiller

1-Jun-16 4:07

Well, look at it from a different perspective. Imagine a questionnaire. Someone left a free-text field empty. Does that translate to a null value or string.Empty? Hence an empty string and a null string are the same in an Oracle database. If there's a "not null" constraint on the text field, you cannot insert an empty string either.
At first, I thought that's a WTF. But now I think they got it right.

V.31-May-16 20:09

31-May-16 20:09

As Eddy Vluggen mentioned:

if(dataMySqlReader["user"] != DBNull.Value){
//do this
}
else{
//do that
}

hope this helps.

(MQOTD rules and previous solutions)

modified 1-Jun-16 7:32am.

Richard Deeming1-Jun-16 1:30

Richard Deeming

1-Jun-16 1:30

Won't that produce an InvalidCastException if the field is null?

"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer