Web Development

22-Nov-18 7:00

Hi. I come here with an issue: how to launch a form from a local HDD, after an online model:
I have a original model:

HTML

<form name="uf" method="POST" action="/WSD4RRR/somefile.do" enctype="multipart/form-data">
	<div style="background-color: #c6c6c6; padding: 5px">
		<span>Choose file:</span> <span> <input type="file" name="linkdoc" size="75" value=""></span><span><input type="submit" value="Send"></span>
	</div>
	<p style="color: red;">
</form></td>

my (critical) task is to programmatically put a file without using CFileDialog, and to programmatically click "Send" button.
I create a clone of this html file, on my local HDD, just like this:

HTML

<form name="uf" method="POST" action="https://original.site.com/WSD4RRR/somefile.do" enctype="multipart/form-data">
	<div style="background-color: #c6c6c6; padding: 5px">
		<span>Choose file:</span> <span> <input type="text" name="linkdoc"></span><span><input type="submit" value="Send"></span>
	</div>
	<p style="color: red;">
		
	</p>
</form>

I only replaced

input type="file"

with

input type="text"

and, most important, action ... but when I click "Send", I get a response from server: You are not choosen any file" ... which is right, because on my file, on "action" tag I put the original file path ... do you know what I mean ?
I put all these into a VC++ app, where I used CHtmlView for handling all this ... but I am stuck here ... and I don't see any output ... it is mean a lot for me to solve this ... Can you give me a little help ?

Thank you.

F-ES Sitecore27-Nov-18 0:19

27-Nov-18 0:19

You can't automatically upload files from the client machine. Would you want a website automatically uploading your files? I suspect not, so you can't do it to others.

If you want to automate this you'll need to do it my programatically constructing the appropriate html request to the server via your VC++ app, you won't be able to get a browser component to do this for you.

_Flaviu27-Nov-18 1:34

27-Nov-18 1:34

Ok. This is the scenario: I have a html page, with a input type file element (included in a form), let say page 1. If I manually choose a file from local HDD, and I submit that form, the server respond me with some values, listed on another html page, in my browser, let say page 2.

So, if I send to the server a VC++ request with all data inside, somehow in page 1, and I don't use the browser for that, how can get the expected data from server (expected page 2), inside of my (program) browser ? Because I need to collect that data (from page 2).

modified 28-Nov-18 5:23am.

F-ES Sitecore27-Nov-18 3:51

27-Nov-18 3:51

Depends how much you want to show. You could just extract the relevant data from the response and show that somehow, even in a browser if it allows you to show specific html rather than just load from files\urls. If you wanted to show the whole page you could convert any non-absolution resources to absolute ones, so

src="/css/styles.css"

would become

src="http://www.targetserverhere.com/css/styles.css"

and that would give you html you could possibly load into your browser control.

_Flaviu27-Nov-18 6:22

27-Nov-18 6:22

Ok, so I upload the file on server with this: CFtpConnection Class | Microsoft Docs[^]
but as far as I know, I haven't any response from the server inside my browser ...

F-ES Sitecore27-Nov-18 6:33

27-Nov-18 6:33

I don't know VC but that looks like for uploading a file to an ftp server, not for POSTing a file to an http target.

_Flaviu27-Nov-18 8:47

27-Nov-18 8:47

So you are saying that using CHttpFile Class | Microsoft Docs[^] would be possible to send that form data ... but would be possible to get page 2 as response ?

I could use something like this: Uploading a file using CHttpFile - C / C++ / MFC Discussion Boards[^]

F-ES Sitecore27-Nov-18 23:11

27-Nov-18 23:11

Yes that looks more like it.

_Flaviu27-Nov-18 23:22

27-Nov-18 23:22

Thank you. Hoping I am not pushing my luck, applying this[^] solution, is there possible to get response from server, I mean, page 2 (see: Re: Launch a form from local HDD - Web Development Discussion Boards[^] ? If yes, how ?

F-ES Sitecore27-Nov-18 23:38

27-Nov-18 23:38

The code is probably just ignoring the response, but it should be possible to get the response with the same call. Maybe google for other examples using the same class (not necessarily to post a file, the code for getting the response should be the same regardless of what your request was)

_Flaviu29-Nov-18 2:27

29-Nov-18 2:27

I've tried, seem to work Smile | :)

Thank you !!!

learning CSS

_Q12_20-Nov-18 11:52

_Q12_

20-Nov-18 11:52

I am learning CSS so dont shoot me with bad attitude.

In this code I am learning how to use sprite in CSS.

<!DOCTYPE html>
<html>
<head>
	<title>CSS</title>
	<style>
	body {background-color: powderblue;}
	#img1{
		background: url("testCSS.png") 0px 0px;		/*select which sprite to show;*/
		background-repeat: no-repeat;
		width: 60; height: 30px; 					/*resize border for image;*/
		background-size: 100px 50px;				/*resize image (best not to resize);*/
		}
	#img2{
		position: absolute;
		width: 25px; height: 25px; 				    /*resize border for image;*/
		left: 50px;  top: 50px;

        background: url("testCSS.png") -0px -25px;
		background-size: 100px 50px;				/*resize image (best not to resize);*/
		}
	#img3{
		position: absolute;
		width: 25px; height: 25px;
		left: 100px;  top: 100px;

		background-image: url("testCSS.png") ;
		background-size: 100px 50px;
		background-position: 75px 25px;
        }
	.square{
		position: absolute;
        width: 30px; height: 30px; ;
		left: 150px;  top: 150px;

        Background-color: #FF0000;
    }
   	</style>

</head>
<body>
	<img id="img1" src="test.png" > hi1</img>
	<img id="img2" src="test.png" > hi2</img>
	<img id="img3" src="test.png" > hi3</img>

	<div class="square">box</div>
</body>



</html>

I have a real problem to resolve, that's why I have to learn this CSS ?language?helper?
I have 1350 images to load into a single plain html page. The images, i made them as small as I could 150x120; barely to distinguish the message. And is taking 20 seconds until the page is finished loading. At higher resolution per image, higher load time!
I want the page to load close to instant.
It's not for a public website, its a local file only for me.
And I google-find that there are some ways to shorten load time.
The best one that suit my case are the sprites. I read about them all day. And this code is my practice on this thing. But I am worried about it. Probably i am so new to this thing.

This code here; every img# instance i have here, is loading !A NEW! png image?
If it does, it is loading a ton of images and it beats the purpose of using sprites.
I want to load one time the sprite image(in a string variable) and reference it in CSS code.
Again, i am new to this thing. Please make some sense for me.
Thank you!

#img1{
    background: url("testCSS.png") 0px 0px;
    }
#img2{
    background: url("testCSS.png") -0px -25px;
    }
#img3{
    background-image: url("testCSS.png") ;
    }

Nathan Minier21-Nov-18 1:10

Nathan Minier

21-Nov-18 1:10

This isn't really a CSS problem, but rather a latency/synchronous call one.

Here's the deal: your CSS operates in a synchronous manner, which means that it makes one request, receives a response, then makes the next, and so on. In your case it's doing that at least 1350 times. It's never ever going to be instant with your current design.

Now, I'm assuming that the user (you in this case) are not viewing/consuming 1350 image files at once, so there's a workaround called AJAX. You pull down the images that you need instantly, and have a JavaScript running that will pull down images as you scroll.

One jQuery library that does this is GitHub - webcreate/infinite-ajax-scroll: Turn your existing pagination into infinite scrolling pages with ease

"Never attribute to malice that which can be explained by stupidity."
- Hanlon's Razor

_Q12_21-Nov-18 3:45

_Q12_

21-Nov-18 3:45

very cool response! - thank you mister Nathan Minier.
(Intuitively) I was afraid of this part actually. This sucks.
I was thinking to make multiple pages with fewer number of images to load (as my backup plan).
Your plan to load as I scroll, ugh, it's hard (for me as a beginner into html helper languages).
Is a good idea - dont take me wrong. It's not impossible, but hard for me at my level.
Another idea is to use variable in javascript... i have no idea if it will work. I'm thinking on variants. I will have to test/try. But is faster to ask. If you have other alternatives (to load faster) put your answer here please.
Thank you!

W∴ Balboos, GHB11-Dec-18 8:30

W∴ Balboos, GHB

11-Dec-18 8:30

Another option: if you don't have an actual need for the images to be individual, make sheets, each of which has a lot of images. Now, each call will load hundreds of images at a time, depending upon how many you put on a sheet -

Then - if you need individual image access, have the option to load images from a single sheet as individual when (something, like a button) on that sheet is clicked.

You may even be able to put larger images on the image-sheets (first paragraph) for better visibility.

Ravings en masse^
"The difference between genius and stupidity is that genius has its limits." - Albert Einstein
"If you are searching for perfection in others, then you seek disappointment. If you are seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010

_Q12_11-Dec-18 14:45

_Q12_

11-Dec-18 14:45

can you show me an example please? A link that describes this "sheet' that you are talking about. By sheet you mean like a sprite, One Large image with multiple images inside it? OR a file that contain the roots for all the images in a folder?
For example: My original question i was referring to this kind of sprite -
You are referring to the same thing?
https://www.advena.me/advena/wp-content/uploads/2017/10/WalkingManSpriteSheet-2400px-1024x157.png[^]

modified 11-Dec-18 20:53pm.